<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人资料</title>
		<style>
			.data{
				margin: 0 auto;
				padding: 0;
				width: 220px;
				border: 1px solid #c3c3c3;
			}
			.personal{
				background-color: #e7e9ea;
				height: 25px;
				padding-top: 5px;
			}
			.headPortrait{
				margin: 10px auto;
				width: 180px;
				border: 1px solid #C3C3C3;
			}
			.center{
				text-align: center;
			}
			.name{
				border-bottom: 1px dashed #C3C3C3;
				padding-bottom: 10px;
			}
			.button{
				margin: 20px auto;
				width: 150px;
			}
			input{
				width: 65px;
			}
		</style>
	</head>
	<body>
		<div class="data">
			<div class="personal">
				个人资料
			</div>
			<div class="headPortrait">
				<img src="img/1.jpg" width="180px"/>
			</div>
			<div class="center name">
				<p>V闪闪<img src="img/v.jpg"/></p>
				<button><img src="img/vb.jpg"/>微博</button>
			</div>
			<div class="center button">
				<input type="button" value="加好友"/>
				<input type="button" value="发纸条"/>
				<input type="button" value="写留言"/>
				<input type="button" value="加关注"/>
			</div>
		</div>
	</body>
</html>
